﻿<%@page import="cn.jdy.common.constant.GlobalConstant"%>
<%@ page language="java" contentType="text/html;charset=utf-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="jdy" uri="http://www.qwe.com.cn/tags"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%
	String path = request.getContextPath(); 
	request.setAttribute("path",path);
	request.setAttribute("VERSION", GlobalConstant.VERSION);// 版本号[试用]，每次发布时更新最后一位数;用于保存静态资源文件版本， 更新浏览器缓存
%>
<script type="text/javascript">
var _path = '<%=path %>';
var _user = '<%=session.getAttribute("user") %>';
</script>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>康养旅居宝</title>
<link rel="stylesheet" href="${path}/css/mui.min.css">
<link rel="stylesheet" href="${path}/iconfont/iconfont.css">
<link rel="stylesheet" href="${path}/css/myxindex.css">
</head>
<body>
<div class="top">
		<div id="slider" class="mui-slider">
			<div class="mui-slider-group" >
				<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
				  <c:forEach  items="${classList}" var="z"   varStatus="s">
							  	<div class="mui-slider-item">
			                   	<a href="#">                    <img class="swiper-slide" src="${z.value2}" alt="">
								</a>
								</div>
                  </c:forEach>
		
				 
			</div>
			<div class="mui-slider-indicator">
					<c:forEach  items="${classList}" var="z"   varStatus="s">
					   	<c:if test="${s.index==0}">
					<div class="mui-indicator mui-active"></div>
						</c:if>
						<c:if test="${s.index!=0}">
						<div class="mui-indicator"></div>
						</c:if>
			 		 </c:forEach>
			</div>
		</div>
	</div>
	<div class="mibtn">
		<div class="pop">
			<!-- <img alt="" src="img/avatar.jpg" /> -->
			<div class="title">新手专区</div>
		</div>
		<div class="imput">
			<input type="button"   onclick="opnexinshoui()"  value="立即进入" />
		</div>
	</div>
	<div id="product" class="mui-slider product">
		<div class="mui-slider-group">
			<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
		  <c:forEach  items="${prList}" var="z"   varStatus="s">
			<div class="mui-slider-item" onclick="opnexiangxi(${z.id})">
				<div class="title">
					<abbr>	${z.title}</abbr> <span></span>
				</div>
				<div class="card_card">
					<div class="img">
					  	<img src="${z.imgUrl}" alt="" />
					</div>
					<div class="content">
						<div>
							<span> <abbr>${z.refund}</abbr> 天
							</span> <br /> <span>提前周期</span>
						</div>
						<div>
							<span> <abbr>
											<c:if test="${z.isfb eq '0'}">
			                             		<fmt:formatNumber type="number" value="${z.lv*z.reduceprice/365*360}" pattern="0.00"/> 
			                                </c:if>
			                               			<c:if test="${z.isfb eq '1'}">
			                               		<fmt:formatNumber type="number" value="${z.lv*z.reduceprice/365*z.refund}" pattern="0.00"/> 
			                                </c:if>	
							</abbr> 元左右
							</span> <br /> <span>奖励红包</span>
						</div>
						<div>
							<span> <abbr>${z.reduceprice}</abbr> 元/份
							</span> <br /> <span>产品价格</span>
						</div>
					</div>
				</div>
				<div class="card_detial">
					<p>
						<span> 已售 <abbr>${data.sku/data.xl*100}</abbr> %
						</span> | <span> <abbr>${z.dsqd}</abbr> 份起订
						</span> | <span>
										<c:if test="${z.isfb eq '0'}">
			                                     随时使用
			                                </c:if>
			                                   <c:if test="${z.isfb eq '1'}">
			                             		到期使用
			                                </c:if>	
						</span>
					</p>
				</div>
				<div class="card_button">
					<p>
						马上预定 <small>(+${z.sylv*100}%)</small>
					</p>
				</div>
			</div>
			 </c:forEach>	
		</div>
		<div class="mui-slider-indicator">
					  <c:forEach  items="${prList}" var="z"   varStatus="s">
					   	<c:if test="${s.index==0}">
					<div class="mui-indicator mui-active"></div>
						</c:if>
						<c:if test="${s.index!=0}">
						<div class="mui-indicator"></div>
						</c:if>
			 		 </c:forEach>

		</div>
	</div>
	<ul class="gudie">
		<li><a href="${path}/news/show-6.html"><i class="left iconfont icon-ai-safe"> </i>
				<div class="right">
					安全保障 <br> <span>为资金保价护航</span>
				</div>
		</a></li>
		<li><a href="${path}/news/show-5.html"><i class="left iconfont icon-guide"></i>
				<div class="right">
					新手指引 <br> <span>贴心为您服务</span>
				</div> </a></li>
	</ul>
		<jsp:include page="common/footer.jsp"/>

</body>

<script src="${path}/js/mui.min.js"></script>
<script>

var product = mui("#product");
product.slider({
	interval : 4000
});
var slider = mui("#slider");
slider.slider({
	interval : 5000
});
function opnexiangxi(id){
	location.href="${path}/productx/show-"+id+".html";
}
function opnexinshoui(){
	location.href="${path}/productx/cardlist?rmtype=2";
}

</script>
</html>